<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script src="./iconfont/iconfont.js"></script>
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./swiper/package/swiper-bundle.min.css">
</head>
<style>
    .icon {
        width: 3em;
        height: 3em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
    }
</style>

<body>
    <div id="box">
        <!-- 登录注册标题 -->
        <div class="login">
            <p>
                你好，<a id="denglu">请登录</a>
                <a id="zhuce">免费注册</a>
            </p>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <div class="search-1">
                <img src="./images/logo.jpeg" />
                <form>
                    <input type="text" placeholder="请输入物品">
                    <span class="iconfont iconsousuo"></span>
                </form>
                <img src="./images/erweima.jpeg" />
            </div>
        </div>
        <!-- 大轮播图 -->
        <div class="swiper">
            <div class="left">
                <p>家用电器</p>
                <p>手机/运营商/数码</p>
                <p>电脑/办公</p>
                <p>家居/家具/家装/厨具</p>
                <p>男装/女装/童装/内衣</p>
                <p>美妆/个护清洁/宠物</p>
                <p>女鞋/箱包/钟表/珠宝</p>
                <p>男鞋/运动/户外</p>
                <p>房产/汽车/汽车用品</p>
                <p>母婴/玩具母婴</p>
            </div>
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!-- <div class="swiper-slide">Slide 1</div>
                  <div class="swiper-slide">Slide 2</div>
                  <div class="swiper-slide">Slide 3</div>
                  <div class="swiper-slide">Slide 4</div>
                  <div class="swiper-slide">Slide 5</div>
                  <div class="swiper-slide">Slide 6</div> -->
                </div>

                <div class="swiper-pagination"></div>

                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <div class="right">
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconyouxi"></use>
                    </svg>
                    <span>游戏</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconfeiji"></use>
                    </svg>
                    <span>飞机</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconpikachu-"></use>
                    </svg>
                    <span>皮卡丘</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconsquirtle"></use>
                    </svg>
                    <span>杰尼龟</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconjiayouxiang"></use>
                    </svg>
                    <span>加油箱</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconqunzi"></use>
                    </svg>
                    <span>裙子</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconlanqiu"></use>
                    </svg>
                    <span>篮球</span>
                </p>

                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconbridge-svgrepo-com"></use>
                    </svg>
                    <span>桥梁</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconximiannai"></use>
                    </svg>
                    <span>洗面奶</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconjingdongicon-"></use>
                    </svg>
                    <span>京东</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconyifu"></use>
                    </svg>
                    <span>衣服</span>
                </p>
                <p><svg class="icon" aria-hidden="true">
                        <use xlink:href="#iconshouji"></use>
                    </svg>
                    <span>衣服</span>
                </p>
            </div>
        </div>
        <!-- 京东秒杀 -->
        <div class="seckill">
            <div class="flashSale">
                <p>京东秒杀</p>
                <p><i class="iconfont iconthunder"></i></p>
                <p><span class="span1"></span><span>距结束</span></p>
                <p><span class="span2">12</span>:<span class="span2">12</span>:<span class="span2">12</span></p>
            </div>
            <div class="swiper1">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <!-- <div class="swiper-slide">
                            <a href="./html/detail.html?id=5"><img src=""/></a>
                            <p>你好你好你好你好你好你好你好</p>
                            <p><span>￥12</span><span>￥19</span></p>
                        </div> -->
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
            <div class="flashSale-1">
                <img src="./images/jd-4.webp" />
                <a href="https://miaosha.jd.com/brandlist.html?brand_id=47989&sku_id=100009773593">品类秒杀</a>
            </div>
        </div>
        <!-- 为你推荐 -->
        <div class="box2">
            <!-- <div>
                <img src=""/>
                <p>你好你好你你好你好你好你好你好你好你好你好你好好你好你好你好你好你好你好</p>
                <span>￥24</span>
            </div>
            <div>
                <img src=""/>
                <p>你好你好你你好你好你好你好你好你好你好你好你好好你好你好你好你好你好你好</p>
                <span>￥24</span>
            </div> -->
        </div>
    </div>
    <script src="./swiper/package/swiper-bundle.min.js"></script>
    <script src="./js/ajax.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>